  /**
  * @Time: 2019/9/9
  * @For: 页面常用样式
  */
  @import "./mixins.scss";
  $mianColor: #2458a7;
  $borderPx: 1Px;

  $borderColor: $borderPx solid rgba(204, 204, 204, 1);

  .one-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  //最外层
  .kb-wrap {
    height: 100%;
    background: pink
  }

  // 垂直水平居中
  .center {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  // vart
  .van-button--primary {
    width: 100%;
    color: #fff;
    border-radius: 8px;
    background-color: $mianColor;
    border: 1px solid $mianColor;
    box-sizing: border-box;
  }

  .van-field__left-icon .van-icon,
  .van-field__right-icon .van-icon {
    font-size: 23px !important;
    color: #ccc;
  }

  // 勾选
  .agreement {
    width: 524px;
    margin: 20px auto;
    display: flex;
    align-items: center;

    .check-wrap {
      width: 42px;
      height: 42px;
      border: $borderPx solid #cfcfcf;
      margin-right: 20px;
      display: flex;
      align-items: center;
      justify-content: center;

      img {
        width: 25px;
      }
    }

    .agree-text {
      font-size: 22px;
      color: $mianColor;

      .agree {
        color: #333;
      }
    }
  }

  //    右侧横杠
  .line {
    border-left: 4px solid $mianColor;
    padding-left: 10px;
  }

  .lineR {
    border-left: 4px solid #4096E2;
    padding-left: 10px;
    font-weight: bold;
    font-size: 26px;

  }